<template>
	<div id="topnav">
		<!-- 商品详情顶部导航组件 -->
		<div class="left">
			<span class="iconfont icon-xiangzuojiantou" @click="on()"></span>
			<span>|</span>
			<span class="iconfont icon-shouye" @click="$router.push('/')"></span>
		</div>
	</div>
</template>

<script>
	export default {
		methods: {
			on() {
				this.$router.back()
			}
		}
	}
</script>

<style lang="scss" scoped>
	$width:(100vw / 375);

	#topnav {
		position: fixed;
		top: 15 * $width;
		left: 15 * $width;
		z-index: 99999999;
		height: 70 * $width;
		width: 70 * $width;

		.left {
			display: flex;
			align-items: center;
			height: 27 * $width;
			width: 70 * $width;
			background: rgba(0, 0, 0, .25);
			border-radius: 13 * $width;
			justify-content: space-evenly;
			color: #fff;
		}
	}
</style>
